<%-- 
    Document   : register_form
    Created on : Mar 12, 2013, 10:58:44 PM
    Author     : duonghung1369
--%>

<%@tag description="register form" pageEncoding="UTF-8"%>

<%-- The list of normal or fragment attributes can be specified here: --%>
<%@taglib uri="/struts-tags" prefix="s" %>

<%-- any content can be specified here e.g.: --%>
<h1>Register!</h1>
<s:actionerror cssStyle="color:red;"/>
<form action="../register/register.html" method="post" >
    <table border="0">
        <tbody>
            <tr>
                <td>Username(*)</td>
                <td><input title="6 to 30 characters [a-zA-Z0-9]" name="username" type="text" pattern="[a-zA-Z0-9]{6,30}" required />
                </td>
            </tr>
            <tr>
                <td>    
                    Password(*)
                </td>
                <td>
                    <input title="6 to 30 characters" name="password" pattern=".{6,30}" type="password" required />
                </td>
            </tr>
            <tr>
                <td>
                    Confirm Password(*)
                </td>
                <td>
                    <input title="6 to 30 characters and match password" name="confirm_password" pattern=".{6,30}" type="password" required />
                </td>
            </tr>
            <tr>
                <td>
                    First Name(*)
                </td>
                <td>
                    <input title="max 20 characters" name="firstname" type="text" pattern=".{1,20}" required />
                </td>
            </tr>
            <tr>
                <td>
                    Last Name(*)
                </td>
                <td>
                    <input title="max 30 characters" name="lastname" type="text" pattern=".{1,30}" required />
                </td>
            </tr>
            <tr>
                <td>
                    Email(*)
                </td>
                <td>
                    <input title="Please fill out your correct email" name="email" type="email" pattern=".{5,50}" required />
                </td>
            </tr>
            <tr>
                <td>
                    Address(*)
                </td>
                <td>
                    <textarea title="Address max length 100 characters" name="address" rows="5" cols="20" pattern=".{1,100}" required ></textarea>
                </td>
            </tr>
            <tr>
                <td>
                    Phone Number(*)
                </td>
                <td>
                    <input name="phone_number" title="Should be with format such as 0xxxxxxxxx" title="Max 13 digits" maxlength="13" type="tel" pattern="[0-9]{6,13}" required />
                </td>
            </tr>
            <tr>
                <td>

                </td>
                <td>
                    <input name="btnRegister" type="submit" class="custom-button" value="Register" onclick="return confirmPassword();"/>
                    <input name="btnReset" type="reset" class="custom-button" value="Reset" />
                </td>
            </tr>
        </tbody>
    </table>
</form>